<div class="banner">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li><img src="../assets/www/images/servers.png" class="img-responsive" alt="" />
								<div class="banner_desc">
									<h1>Awesome Hosting</h1>
									<h2>with unlimited features</h2>
								</div></li>
							<li><img src="../assets/www/images/server.png" class="img-responsive" alt="" />
								<div class="banner_desc">
									<h1>Awesome Hosting</h1>
									<h2>with unlimited features</h2>
								</div></li>
							<li><img src="../assets/www/images/server1.png" class="img-responsive" alt="" />
								<div class="banner_desc">
									<h1>Awesome Hosting</h1>
									<h2>with unlimited features</h2>
								</div></li>

						</ul>
					</div>
				</section>
			</div>
		</div>
	</div>
</div>
<!-- 
<div class="domain">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<form class="search-form domain-search">
					<div class="two-fifth column first">
						<img src="../assets/www/images/search.png" alt="" />
						<h2>
							<span class="m_1">搜索</span><br>线路
						</h2>
					</div>
					<div class="three-fifth m_2 searchbar1 column first">
						<input type="text" class="text" value="输入线路名称" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '输入线路名称';}">
					</div>
					<div class="one-fifth col_2 m_3">
						<input type="submit" value="搜索">
					</div>
					<div class="clearfix"></div>
				</form>
			</div>
		</div>
	</div>
</div>
 -->
<div class="benefit">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h4 class="tz-title-4 tzcolor-blue">
					<p class="tzweight_Bold">
						<span class="m_1">我们<br></span>已开线路
					</p>
				</h4>

				<ul class="list_3 col-md-12">
					<li class="col-md-6" ng-repeat="l in opened_short">
						<span>{{l.lines[0].lineName}}</span>
						<a class="dt-sc-button small" href="#/booking/{{l.lines[0].lineId}}/1/plan">预订</a>
					</li>
				</ul>

			</div>
			<div class="col-md-12 header_top">
				<a href="#/customer/lines/1" class="btn btn-success">更多已开线路</a>
			</div>
		</div>
	</div>
</div>
<!-- 
<div class="features">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h4 class="tz-title-4 tzcolor-blue">
					<p class="tzweight_Bold m_2">
						<span class="m_1">现时<br></span>热点线路
					</p>
				</h4>
				<div class="section_1">
					<div class="col_1_of_3 span_1_of_3">
						<div class="list_1">
							<ul>
								<li><a href="">Lorem ipsum is simply.</a></li>
								<li><a href="">It is a long established.</a></li>
								<li><a href="">The standard chunk.</a></li>
								<li><a href="">Therefore always free</a></li>
							</ul>
						</div>
					</div>
					<div class="col_1_of_3 span_1_of_3">
						<div class="list_1">
							<ul>
								<li><a href="">Voluptatem accusan.</a></li>
								<li><a href="">Ipsum generatortss.</a></li>
								<li><a href="">Lorem ipsum is simply.</a></li>
								<li><a href="">It is a long established.</a></li>
							</ul>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="price">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h4 class="tz-title-4 tzcolor-blue">
					<p class="tzweight_Bold">
						<span class="m_1">即刻<br></span>优惠方案
					</p>
				</h4>
				<div class="col-md-3">
					<div class="pricing-table-grid">
						<h3>
							<span class="dollar">$</span>5<br> <span class="month">Per Month</span>
						</h3>
						<ul>
							<li><span>Standard Plan</span></li>
							<li><a href="#">10GB Disk Space</a></li>
							<li><a href="#">1TB Bandwidth</a></li>
							<li><a href="#">Free DDoS Protection</a></li>
							<li><a href="#">Free Daily Backups</a></li>
							<li><a href="#">Managed Hosting</a></li>
						</ul>
						<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Sign Up</a>
					</div>
					<div id="small-dialog" class="mfp-hide">
						<div class="pop_up">
							<div class="payment-online-form-left">
								<form>
									<h4>
										<span class="shipping"> </span>Shipping
									</h4>
									<ul>
										<li><input class="text-box-dark" type="text" value="Frist Name" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Frist Name';}"></li>
										<li><input class="text-box-dark" type="text" value="Last Name" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Last Name';}"></li>
									</ul>
									<ul>
										<li><input class="text-box-dark" type="text" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}"></li>
										<li><input class="text-box-dark" type="text" value="Company Name" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Company Name';}"></li>
									</ul>
									<ul>
										<li><input class="text-box-dark" type="text" value="Phone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Phone';}"></li>
										<li><input class="text-box-dark" type="text" value="Address" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Address';}"></li>
										<div class="clearfix"></div>
									</ul>
									<div class="clear"></div>
									<ul class="payment-type">
										<h4>
											<span class="payment"> </span> Payments
										</h4>
										<li><span class="col_checkbox"> <input id="3" class="css-checkbox1" type="checkbox"> <label for="3" name="demo_lbl_1"
												class="css-label1"> </label> <a class="visa" href="#"> </a>
										</span></li>
										<li><span class="col_checkbox"> <input id="4" class="css-checkbox2" type="checkbox"> <label for="4" name="demo_lbl_2"
												class="css-label2"> </label> <a class="paypal" href="#"> </a>
										</span></li>
										<div class="clearfix"></div>
									</ul>
									<ul>
										<li><input class="text-box-dark" type="text" value="Card Number" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Card Number';}"></li>
										<li><input class="text-box-dark" type="text" value="Name on card" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Name on card';}"></li>
										<div class="clearfix"></div>
									</ul>
									<ul>
										<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
										<li><input class="text-box-dark" type="text" value="Security Code" onFocus="this.value = '';"
											onBlur="if (this.value == '') {this.value = 'Security Code';}"></li>
										<div class="clearfix"></div>
									</ul>
									<ul class="payment-sendbtns">
										<li><input type="reset" value="Cancel"></li>
										<li><input type="submit" value="Process order"></li>
									</ul>
									<div class="clearfix"></div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="pricing-table-grid">
						<h3>
							<span class="dollar">$</span>6<br> <span class="month">Per Month</span>
						</h3>
						<ul>
							<li><span>Advanced Plan</span></li>
							<li><a href="#">10GB Disk Space</a></li>
							<li><a href="#">1TB Bandwidth</a></li>
							<li><a href="#">Free DDoS Protection</a></li>
							<li><a href="#">Free Daily Backups</a></li>
							<li><a href="#">Managed Hosting</a></li>
						</ul>
						<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Sign Up</a>
					</div>
				</div>
				<div class="col-md-3">
					<div class="pricing-table-grid">
						<h3>
							<span class="dollar">$</span>8<br> <span class="month">Per Month</span>
						</h3>
						<ul>
							<li><span>Business Plan</span></li>
							<li><a href="#">10GB Disk Space</a></li>
							<li><a href="#">1TB Bandwidth</a></li>
							<li><a href="#">Free DDoS Protection</a></li>
							<li><a href="#">Free Daily Backups</a></li>
							<li><a href="#">Managed Hosting</a></li>
						</ul>
						<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Sign Up</a>
					</div>
				</div>
				<div class="col-md-3">
					<div class="pricing-table-grid">
						<h3>
							<span class="dollar">$</span>9<br> <span class="month">Per Month</span>
						</h3>
						<ul>
							<li><span>Gold Plan</span></li>
							<li><a href="#">10GB Disk Space</a></li>
							<li><a href="#">1TB Bandwidth</a></li>
							<li><a href="#">Free DDoS Protection</a></li>
							<li><a href="#">Free Daily Backups</a></li>
							<li><a href="#">Managed Hosting</a></li>
						</ul>
						<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Sign Up</a>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
 -->
<div class="domain">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h4 class="tz-title-4 tzcolor-blue">
					<p class="tzweight_Bold m_2">
						<span class="m_1">未来<br></span>待开线路
					</p>
				</h4>
				
				<ul class="list_3 col-md-12">
					<li class="col-md-6" ng-repeat="l in toBeOpen_short">
						<span>{{l.lines[0].lineName}}</span>
						<a class="dt-sc-button small" href="#/booking/{{l.lines[0].lineId}}/0/plan">预订</a>
					</li>
				</ul>
				
			</div>
			
			<div class="col-md-12 header_top">
				<a href="#/customer/lines/0" class="btn btn-success">更多待开线路</a>
			</div>
		</div>
	</div>
</div>